import{D as n}from"./DotStatus-cgpqjwpC.js";import"./vue.esm-bundler-I85u7tJd.js";import"./_plugin-vue_export-helper-x3n3nnut.js";const i={title:"点状态",component:n,parameters:{docs:{description:{component:'请配合<span style="font-weight: bold;font-size: 14px;color: grey">TailwindCSS</span>使用'}}},argTypes:{color:{description:'预设点颜色 <span style="font-weight: bold;font-size: 12px;color: grey">[ red orange green blue gray ]</span>',control:"select",options:["red","orange","green","blue","gray"]},customColor:{description:"自定义点颜色",control:{type:"color"}},animate:{description:"点动画"},desc:{description:"状态描述"}}},e={name:"基本使用",render:s=>({components:{DotStatus:n},setup(){return{args:s}},template:'<DotStatus v-bind="args"/>'}),args:{color:"red",animate:!0,desc:"状态"}};var t,r,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: '基本使用',
  render: args => ({
    components: {
      DotStatus
    },
    setup() {
      return {
        args
      };
    },
    template: '<DotStatus v-bind="args"/>'
  }),
  args: {
    color: 'red',
    animate: true,
    desc: '状态'
  }
}`,...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};const d=["Basic"];export{e as Basic,d as __namedExportsOrder,i as default};
